/* 全局基础样式 */
/* 浏览器有个比较特别的地方，如果给html元素添加 { height:100% } , 那么html的高度就不会被内部元素撑起，
而是等于浏览器的高度，这里是正常的，我们继续，把样式改为 { height: 100%; overflow：auto } ， 
按照道理说，如果此时bady的高度大于html高度，那么应该在html里出现滚动条，但是我测试的是没有，好像overflow不存在一样，
继续把样式改为 { height: 100%; overflow：hidden } ， 这里又变正常了，页面无法滚动。如果给html和body都加上 { height: 100%; overflow：hidden } ，
 body里会出现滚动条。但此时给body添加onscroll事件是无效的，同时如果window上绑定了scroll事件，那么也会失效
 */
html,
body {
  width: 100%;
  height: 100%;
  background-color: #efeff4;
}

/*------------- 列表样式 --------------- */

.list-item {
  background-color: white;
  margin: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 5px;
  display: block;
}
.list-item:active {
  background-color: #ededed;
}

.list-item_title {
  font-size: 18px;
  color: #323232;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list-item_content {
  font-size: 18px;
  color: #646464;
  margin-top: 8px;
  margin-bottom: 8px;
}
.list-item_status {
  font-size: 16px;
  color: #909090;
  display: inline-block;
}
.list-item_label {
  font-size: 16px;
  color: #909090;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
/*------------- 列表样式 --------------- */
